<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        main .main {
            margin-top: 70px;
            position: relative;
        }

        main .main .comment .frame .box textarea {
            width: 100%;
            height: 180px;
            font-size: 16px;
            border-radius: 20px;
            resize: none;
            padding: 20px;
            background: rgba(235, 228, 228, 0.6);
        }

        main .main .comment .frame .biaoqing a {
            margin: 0px 10px;
            cursor: pointer;
        }
        main .main .comment .frame .biaoqing a i {
            font-size: 30px;
            color: #104D91;
        }
    </style>
    <script>
        $.ajax({
            "url": "/web/bloggerMessage//showMessage.do",
            "method": "post",
            "data": "",
            success: function (e) {
                document.getElementById('test').innerText=e.data[1].message;
            },
            error: function () {
                alert("获取失败")
            }
        })
    </script>
</head>
<body>
<div class="data_list" style="background-color: rgba(255,255,255,0);">
    <div class="data_list_title">
        <img src="${pageContext.request.contextPath}/static/images/list_icon.png"/>
        留言</div>
    <div class="datas" >
        <ul>
            <c:forEach var="sb" items="${data}">
                <li style="margin-bottom: 30px">

                    <span class="summary">留言详情: ${sb.message}</span>
                    <span class="info">留言人:${sb.bloggerName} </span>
                </li>
                <hr style="height:5px;border:none;border-top:1px dashed gray;padding-bottom:  10px;" />
            </c:forEach>
        </ul>
    </div>
</div>
</body>
</html>

